<!--
    Created by wangyang on 2019-01-24.
    itwangyang@gmail.com
    http://itwangyang.xyz
-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>A.I票据-注册</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css">
    <link rel="stylesheet" href="../assest/css/all.min.css">
    <link rel="stylesheet" href="../assest/css/brands.min.css">
    <link rel="stylesheet" href="../assest/css/fontawesome.min.css">
    <link rel="stylesheet" href="../assest/css/regular.min.css">
    <link rel="stylesheet" href="../assest/css/solid.min.css">
    <link rel="stylesheet" href="../assest/css/svg-with-js.min.css">
    <link rel="stylesheet" href="../assest/css/v4-shims.min.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/app.css">

    <style>
        .ivu-select-large.ivu-select-single .ivu-select-selection {
            display: block;
            width: 100%;
            height: calc(2.25rem + 2px);
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #202020 !important;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da !important;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }
        .page-link {
            position: relative;
            display: block;
            padding: .2rem .25rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #007bff;
            background-color: #fff;
            border: none;
        }

    </style>
</head>
<body>

<div id="main">


<!--ticket-top begin-->
<div class="ticket-top container-fluid">
    <div class="container">
        <nav class="ticket-top-nav">
            <a class="ticket-top-nav-item active" href="#">服务热线:120362564</a>
            <a class="ticket-top-nav-item" href="#">服务时间：<span>9:00-12:00</span></a>
        </nav>
    </div>
</div>
<!--ticket-top end-->

<!--navbar-meau begin-->
<section class="container-fluid navbar-meau">
    <nav class="container navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="../index.html">
            <img src="../images/logo.png" alt="" class="img-responsive"
                 width="150" height="50"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">我要出票</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">交易大厅</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">我的订单</a>
                </li>
            </ul>

            <!--<form class="form-inline">-->
                <!--<button class="btn btn-outline-primary login-btn" type="button">登录</button>-->
                <!--<button class="btn btn-primary  reg-btn" type="button">注册</button>-->
            <!--</form>-->
        </div>
    </nav>
</section>
<!--navbar-meau end-->

<!---->

<section class="container breadNavigationBar fontSize16 ">
    <div class="row">
        <li><a class="fontcolor20" href="../index.html">首页</a></li>
        <span class="ml-2 mr-2">&gt;</span>
        <li><a class="fontcolor20" href="">用户中心</a></li>
        <span class="ml-2 mr-2">&gt;</span>
        <li><a href="">绑定银行账户</a></li>
    </div>
</section>


<section class="container reg1 reg2 mb-lg-5  pb-4">
    <!--进度条-->
    <div class="container mt-4 pl-4 pr-4">
        <div class="row">
            <a href="reg1.html">
                <div class="align-middle text-primary">
                    <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <span class="fa-stack-1x text-white">1</span>
                        <div class="d-inline-block">
                            <p class="position-absolute text-muted text-font-size ">注册会员</p>
                        </div>
                    </span>
                </div>
            </a>
            <span class="col border border-primary mx-1 my-auto"></span>

            <a href="reg2.html">
                <div class="align-middle text-primary">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <span class="fa-stack-1x text-white">2</span>
                      <div class="d-inline-block">
                            <p class="position-absolute text-muted text-font-size ">企业认证</p>
                        </div>
                  </span>

                </div>
            </a>
            <span class="col border border-primary mx-1 my-auto"></span>

            <!--text-muted-->
            <a href="reg3.html">
                <div class="align-middle text-primary">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <span class="fa-stack-1x text-white">3</span>
                      <div class="d-inline-block">
                            <p class="position-absolute text-muted text-font-size text-active">绑定银行账户</p>
                        </div>
                  </span>

                </div>
            </a>
            <span class="col border mx-1 my-auto"></span>

            <a href="reg4.html">
                <div class="align-middle text-muted">
                     <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <span class="fa-stack-1x text-white">4</span>
                      <div class="d-inline-block">
                            <p class="position-absolute text-muted text-font-size">平台审核</p>
                        </div>
                  </span>
                </div>
            </a>
            <span class="col border mx-1 my-auto"></span>

            <a href="reg5.html">
                <div class="align-middle text-muted">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <span class="fa-stack-1x text-white">5</span>
           <div class="d-inline-block">
                <p class="position-absolute text-muted text-font-size">注册成功</p>
            </div>
      </span>

                </div>
            </a>
        </div>

        <div class="m-5"></div>


    </div>

    <!--内容输入框-->
    <div class="row my-success-reg1 py-1">
        <!--企业名称-->
        <div class="col col-lg-12 ">
            <p class="fontSize16 pb-1 divider">企业名称:<span>福建厦门市公司</span></p>
        </div>


        <!--内容输入框-->
        <div class="row col-lg-7">
            <div class="col col-lg-12 ">
                <div class="container ">
                    <div class="row">
                        <div class="col-md-12 order-md-1">
                            <form class="needs-validation" novalidate>

                                <!--<div class="row mb-3">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label for="mybank" class="">所属银行</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <div class="form-group" id="my-select">
                                                    <i-select
                                                            size="large"
                                                            v-model="bank"
                                                            filterable
                                                            remote
                                                            :remote-method="searchBanks"
                                                            :loading="loading">
                                                        <i-option v-for="(bank, index) in banks" :value="bank.value" :key="index">{{bank.label}}</i-option>
                                                    </i-select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>-->
                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label for="mySelect" class="">所属银行</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <div  class="form-control " id="mySelect"><sapn class="textContent fontSize14 fontColor75">请你选择所属银行</sapn></div>
                                            </div>
                                            <div class="col-lg-12 offset-3">
                                                <div class="mySelect position-relative">
                                                    <div id="city_1" class="flexBox-row pt-1">
                                                            <select class="prov form-control ml-1"></select>
                                                            <select class="city form-control ml-2 mr-2" disabled="disabled"></select>
                                                            <input type="text" class="form-control" placeholder="请您输入">
                                                            <button type="button" class="btn btn-primary ml-2 mr-1 btn-select fontSize14">搜索</button>
                                                    </div>

                                                    <div class="bank-content  text-justify">
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                        <li>显示内容</li>
                                                    </div>

                                                    <div class="my-pagination position-absolute mr-1">
                                                        <ul class="pagination">
                                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                        </ul>
                                                    </div>


                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>






                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label for="bank" class="">开户银行行号</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="email" class="form-control" id="bank"
                                                       placeholder="请您输入开户银行行号" value="" required maxlength="30">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-3 mb-3">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <label for="bankNumber">银行账号 </label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="bankNumber" placeholder="请您输入银行账号"
                                                   >
                                        </div>
                                    </div>

                                </div>


                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--法人信息-->
        <div class="col col-lg-12 mt-2">
            <p class="fontSize16 pb-1 divider hr-line-dashed">电子账户经办人授权<span class="fontColor57 fontSize16 ml-2">(经办人在”系统”办理资金查询、提现及充值等操作，同时授权为电子合同办理人员)</span></p>
        </div>


        <!--内容输入框-->
        <div class="row col-lg-7">
            <div class="col col-lg-12 ">
                <div class="container ">
                    <div class="row">
                        <div class="col-md-12 order-md-1">
                            <form class="needs-validation" novalidate>

                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label for="username" class="">姓名</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="email" class="form-control" id="username"
                                                       placeholder="请您输入姓名" value="" required maxlength="30">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label for="tel" class="">手机号码</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="email" class="form-control" id="tel"
                                                       placeholder="请您输入手机号码" value="" required maxlength="11">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-3 mb-3">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <label for="code">验证码 </label>
                                        </div>
                                        <div class="col-lg-5">
                                            <input type="text" class="form-control" id="code" placeholder="请您输入验证码" maxlength="6">
                                        </div>
                                        <div class="col-lg-4">
                                            <input onClick="sendMessage()" id="btnSendCode" type="button" class="form-control btn-primary" value="获取验证码" >
                                        </div>
                                    </div>

                                </div>

                                <div class="mb-3 mb-3">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <label for="idcode">身份证信息 </label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="idcode" placeholder="请您输入身份证号码"
                                                   maxlength="6">
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-lg-3"></div>
                                    <div class="col-lg-9">
                                        <article class="mb-3"><input type="radio" class="mr-2"><span class="fontSize14">授权委托书</span></article>
                                        <button class="btn mb-3 btn-primary  btn-block" id="summitBut" type="button">提交认证</button>
                                    </div>
                                </div>


                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>




<!--footer begin-->
<footer class="container-fluid">
    <div class="footer container pt-3">
        <div class="row" style="color: #fff">
            <div class="col-lg-4 col-md-3 col-sm-12 ">
                <p>客服热线</p>
                <p class="tel">4000-00000-1000</p>
                <li class="navbar-bottom-item">工作时间：8：00-18：00</li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>关于我们</p>
                <li class="navbar-bottom-item"><a href="">关于澳赢科技</a></li>
                <li class="navbar-bottom-item"><a href="">联系我们</a></li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>电票交易</p>
                <li class="navbar-bottom-item"><a href="">获取交易权限</a></li>
                <li class="navbar-bottom-item"><a href="">交易流程</a></li>
                <li class="navbar-bottom-item"><a href="">电子使用规则</a></li>
                <li class="navbar-bottom-item"><a href="">相关下载</a></li>
                <li class="navbar-bottom-item"><a href="">常见问题</a></li>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-12 ">
                <img src="../images/qr_code.png" alt="" width="123" height="120" class="img-responsive">
                <p>微信公众号</p>
            </div>
        </div>
    </div>
</footer>
<!--footer end-->

</div>



<div id="log" style="display: none">
    抱歉😞&nbsp;此网站不建议手机访问，电脑访问效果更佳哦!
</div>

<script src="../js/jquery.js"></script>
<script src="../assest/js/vue.js"></script>
<script src="//unpkg.com/iview/dist/iview.min.js"></script>
<script src="../assest/js/jquery.cityselect.js"></script>
<script src="../assest/js/all.min.js"></script>
<script src="../assest/js/brands.min.js"></script>
<script src="../assest/js/fontawesome.min.js"></script>
<script src="../assest/js/regular.min.js"></script>
<script src="../assest/js/solid.min.js"></script>
<script src="../assest/js/v4-shims.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/common.js"></script>
<script>
    $(function () {
        var mySelect = new Vue({
            el: '#my-select',
            data() {
                return {
                    bank: '',
                    banks: [],
                    loading: false
                }
            },
            methods:{
                searchBanks(query) {
                    if(query !== ''){
                        this.loading = true
                        console.log(query)
                        this.banks = this.banks.concat([{value:2,label:'xxx'}])
                        this.loading = false
                    }
                }
            }
        })
    });


    /*城市选择*/
        $(function () {
        $("#city_1").citySelect();
        // $("#city_1").citySelect({
        //     prov: "北京",
        //     nodata: ""
        // });
    });
        /*这个下拉*/
    $(function () {
        $("#mySelect").click(function () {
            $(".mySelect").toggle();
        });
        var Uarry=$(".bank-content li");//获取所有的li元素
        $(".bank-content li").click(function(){//点击事件
            var count=$(this).index();//获取li的下标
            var Tresult=Uarry.eq(count).text();
            $(".textContent").text(Tresult);
            $(".mySelect").hide();
        });

        $(".btn-select").click(function () {
            $(".bank-content").show();
        })
    })
</script>
<script type="text/javascript">
    if ("ontouchstart" in document) {
        document.getElementById("main").style.display = "none";
        document.getElementById("log").style.display = "block";
    }
</script>


</body>
</html>
